<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <title>reales | real estate web application</title>

        <link href="css/font-awesome.css" rel="stylesheet">
        <link href="css/simple-line-icons.css" rel="stylesheet">
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/app.css" rel="stylesheet">

        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="notransition no-hidden">
        <div class="blog-search">
            <input type="search" placeholder="Search the blog..." class="osLight">
        </div>

        <!-- Hero -->

        <div id="hero-container-blog">
            <div id="carouselBlog" class="carousel slide featured" data-ride="carousel">
                <div class="carousel-inner">
                    <div class="item active" style="background-image: url(images/blog-1.jpg)">
                        <div class="container">
                            <div class="carousel-caption">
                                <div class="carousel-title">Architecture</div>
                                <div class="caption-title">The Psychology of Achieving Balance In Interior Design</div>
                                <div class="p-n-articles">
                                    <div class="p-article">
                                        <div class="pna-title">Previous article</div>
                                        <a href="#">Why Green Architecture Is The Perfect Investment for Your Home</a>
                                    </div>
                                    <div class="n-article">
                                        <div class="pna-title">Next article</div>
                                        <a href="#">Practical Lighting Size & Placement Guide for Every Corner of the House</a>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Header -->

            <div class="home-header">
                <div class="home-logo osLight"><span class="fa fa-home"></span> Reales <strong>blog</strong></div>
                <a href="#" class="home-navHandler visible-xs"><span class="fa fa-bars"></span></a>
                <a href="#" class="toggle-search"><span class="icon-magnifier"></span></a>
                <div class="blog-nav">
                    <ul>
                        <li><a href="index.html">App Home</a></li>
                        <li><a href="blog.html">Featured</a></li>
                        <li><a href="blog.html">Latest</a></li>
                        <li><a href="blog-post.html">Single Post</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- Content -->

        <div class="home-content">
            <div class="home-wrapper">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
                        <div class="post-top">
                            <div class="post-author">
                                <img src="images/avatar-1.png" alt="avatar">
                                <div class="pa-user">
                                    <div class="pa-name">John Smith on Sep 4, 2014</div>
                                    <div class="pa-title">Senior Blog Editor</div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="post-share">
                                <div class="ps-social"><a href="#" class="btn btn-sm btn-icon btn-round btn-o btn-facebook"><span class="fa fa-facebook"></span></a> <a href="#" class="btn btn-sm btn-icon btn-round btn-o btn-twitter"><span class="fa fa-twitter"></span></a> <a href="#" class="btn btn-sm btn-icon btn-round btn-o btn-google"><span class="fa fa-google-plus"></span></a> <a href="#" class="btn btn-sm btn-icon btn-round btn-o btn-blue"><span class="fa fa-linkedin"></span></a></div>
                                <div class="ps-stats">
                                    <span>245</span> Shares&nbsp;&nbsp;&nbsp;
                                    <span>4</span> Comments
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="post-content">
                            <h2 class="osLight">There are many variations of passages of Lorem Ipsum available</h2>
                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
                            <p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                            <blockquote>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis</blockquote>
                            <div class="image-block">
                                <img src="images/blog-3.jpg" alt="blog image">
                                <div class="ib-title"><span class="osLight">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit</span></div>
                            </div>
                            <h2 class="osLight">The standard chunk of Lorem Ipsum used</h2>
                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
                            <p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                        </div>
                        <div class="f-pn-articles">
                            <a href="#" class="f-p-article">
                                <div class="fpna-title">Previous article</div>
                                <span class="fpna-header">Why Green Architecture Is The Perfect Investment for Your Home</span>
                                <span class="fa fa-angle-left pull-left pn-icon"></span>
                            </a>
                            <a href="#" class="f-n-article">
                                <div class="fpna-title">Next article</div>
                                <span class="fpna-header">Practical Lighting Size & Placement Guide for Every Corner of the House</span>
                                <span class="fa fa-angle-right pull-right pn-icon"></span>
                            </a>
                            <div class="clearfix"></div>
                        </div>
                        <h2 class="osLight align-left">Related Articles</h2>
                        <div class="row pb20">
                            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                                <div class="article bg-w">
                                    <a href="blog-post.html" class="image"><img src="images/post-5.jpg" alt="blog image"></a>
                                    <div class="article-category"><a href="#" class="text-green">Architecture</a></div>
                                    <h3 class="osLight"><a href="blog-post.html">Stylish Modern Ranch Exuding a Welcoming Feel</a></h3>
                                    <div class="footer"><a href="#">John Smith</a>, <a href="#">Sep 3, 2014</a></div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                                <div class="article bg-w">
                                    <a href="blog-post.html" class="image"><img src="images/post-6.jpg" alt="blog image"></a>
                                    <div class="article-category"><a href="#" class="text-green">Architecture</a></div>
                                    <h3 class="osLight"><a href="blog-post.html">Private Contemporary Home Balancing Openness</a></h3>
                                    <div class="footer"><a href="#">John Smith</a>, <a href="#">Sep 2, 2014</a></div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                                <div class="article bg-w">
                                    <a href="blog-post.html" class="image"><img src="images/post-1.jpg" alt="blog image"></a>
                                    <div class="article-category"><a href="#" class="text-green">Architecture</a></div>
                                    <h3 class="osLight"><a href="blog-post.html">Modern Two-Level Pool House in Los Angeles</a></h3>
                                    <div class="footer"><a href="#">John Smith</a>, <a href="#">Sep 1, 2014</a></div>
                                </div>
                            </div>
                        </div>
                        <h2 class="osLight align-left"><span>4</span> Comments</h2>
                        <div class="post-comments">
                            <div class="comment">
                                <div class="commentAvatar">
                                    <img class="avatar" src="images/avatar-3.png" alt="avatar">
                                    <div class="commentArrow bg-w"><span class="fa fa-caret-left"></span></div>
                                </div>
                                <div class="commentContent bg-w">
                                    <div class="commentName">Rust Cohle</div>
                                    <div class="commentBody">
                                        It is a long established fact that a reader will be distracted by the readable content
                                    </div>
                                    <div class="commentActions">
                                        <div class="commentTime"><span class="icon-clock"></span> 1 day ago</div>
                                        <ul>
                                            <li><a href="#"><span class="icon-action-undo"></span></a></li>
                                            <li><a href="#"><span class="icon-like"></span> 13</a></li>
                                        </ul>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="comment reply">
                                <div class="commentAvatar">
                                    <img class="avatar" src="images/avatar-1.png" alt="avatar">
                                    <div class="commentArrow bg-w"><span class="fa fa-caret-left"></span></div>
                                </div>
                                <div class="commentContent bg-w">
                                    <div class="commentName">John Smith</div>
                                    <div class="commentBody">
                                        Comment posted by me. I have the power to remove it.
                                    </div>
                                    <div class="commentActions">
                                        <div class="commentTime"><span class="icon-clock"></span> 2 hours ago</div>
                                        <ul>
                                            <li><a href="#"><span class="fa fa-trash-o"></span></a></li>
                                        </ul>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="comment">
                                <div class="commentAvatar">
                                    <img class="avatar" src="images/avatar-5.png" alt="avatar">
                                    <div class="commentArrow bg-w"><span class="fa fa-caret-left"></span></div>
                                </div>
                                <div class="commentContent bg-w">
                                    <div class="commentName">Alex Rogers</div>
                                    <div class="commentBody">
                                        Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit
                                    </div>
                                    <div class="commentActions">
                                        <div class="commentTime"><span class="icon-clock"></span> 20 minutes ago</div>
                                        <ul>
                                            <li><a href="#"><span class="icon-action-undo"></span></a></li>
                                            <li><a href="#"><span class="icon-like"></span> 13</a></li>
                                        </ul>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="comment">
                                <div class="commentAvatar">
                                    <img class="avatar" src="images/avatar-2.png" alt="avatar">
                                    <div class="commentArrow bg-w"><span class="fa fa-caret-left"></span></div>
                                </div>
                                <div class="commentContent bg-w">
                                    <div class="commentName">Jane Smith</div>
                                    <div class="commentBody">
                                        Lorem ipsum dolor sit amet, consecteter adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
                                    </div>
                                    <div class="commentActions">
                                        <div class="commentTime"><span class="icon-clock"></span> 5 minutes ago</div>
                                        <ul>
                                            <li><a href="#"><span class="icon-action-undo"></span></a></li>
                                            <li><a href="#"><span class="icon-like"></span> 13</a></li>
                                        </ul>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <h2 class="osLight align-left">Leave a Comment</h2>
                        <form role="form" class="pb20">
                            <div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                    <div class="form-group">
                                        <input type="text" placeholder="Name" class="form-control">
                                    </div>
                                 </div>
                                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                    <div class="form-group">
                                        <input type="text" placeholder="Email" class="form-control">
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                    <div class="form-group">
                                        <textarea placeholder="Comment" class="form-control" rows="3"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <a href="#" class="btn btn-green">Post comment</a>
                            </div>
                        </form>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
                        <div class="row">
                            <div class="col-xs-12 col-sm-6 col-md-12 col-lg-12">
                                <h2 class="osLight h-r">Categories</h2>
                                <ul class="blog-r-nav">
                                    <li><a href="#">Apartments (13)</a></li>
                                    <li><a href="#">Architecture (12)</a></li>
                                    <li><a href="#">Bedroom (25)</a></li>
                                    <li><a href="#">Furniture (34)</a></li>
                                    <li><a href="#">Ideas (56)</a></li>
                                    <li><a href="#">Kitchen (16)</a></li>
                                    <li><a href="#">Living Room (28)</a></li>
                                    <li><a href="#">Living Room (39)</a></li>
                                    <li><a href="#">Bathroom (21)</a></li>
                                </ul>
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-12 col-lg-12">
                                <h2 class="osLight h-r">Archive</h2>
                                <ul class="blog-r-nav">
                                    <li><a href="#">October 2014</a></li>
                                    <li><a href="#">September 2014</a></li>
                                    <li><a href="#">August 2014</a></li>
                                    <li><a href="#">July 2014</a></li>
                                    <li><a href="#">June 2014</a></li>
                                    <li><a href="#">May 2014</a></li>
                                    <li><a href="#">April 2014</a></li>
                                    <li><a href="#">March 2014</a></li>
                                    <li><a href="#">February 2014</a></li>
                                    <li><a href="#">January 2014</a></li>
                                </ul>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <h2 class="osLight h-r">Popular Tags</h2>
                                <div class="blog-tags">
                                    <a href="#" class="label label-default">furniture</a><a href="#" class="label label-default">architect</a><a href="#" class="label label-default">chair</a><a href="#" class="label label-default">modern</a><a href="#" class="label label-default">bathroom</a><a href="#" class="label label-default">table</a><a href="#" class="label label-default">sofa</a><a href="#" class="label label-default">bed</a><a href="#" class="label label-default">design</a><a href="#" class="label label-default">apartment</a><a href="#" class="label label-default">leather</a><a href="#" class="label label-default">lamp</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Footer -->

        <div class="home-footer">
            <div class="home-wrapper">
                <div class="row">
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
                        <div class="osLight footer-header">Company</div>
                        <ul class="footer-nav pb20">
                            <li><a href="#">About</a></li>
                            <li><a href="#">Jobs</a></li>
                            <li><a href="#">Press</a></li>
                            <li><a href="blog.html">Blog</a></li>
                            <li><a href="#">Help</a></li>
                            <li><a href="#">Policies</a></li>
                            <li><a href="#">Terms & Privacy</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
                        <div class="osLight footer-header">Discover</div>
                        <ul class="footer-nav pb20">
                            <li><a href="#">Become a Member</a></li>
                            <li><a href="#">Properties List</a></li>
                            <li><a href="#">Sign In</a></li>
                            <li><a href="#">Widgets</a></li>
                            <li><a href="#">Components</a></li>
                            <li><a href="#">Tables</a></li>
                            <li><a href="#">Lists</a></li><li><a href="http://www.weidea.net">More</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
                        <div class="osLight footer-header">Get in Touch</div>
                        <ul class="footer-nav pb20">
                            <li class="footer-phone"><span class="fa fa-phone"></span> 800 234 67 89</li>
                            <li class="footer-address osLight">
                                <p>516 Green St</p>
                                <p>San Francisco, CA 94133</p>
                                <p>United States</p>
                            </li>
                            <li><a href="#" class="btn btn-sm btn-icon btn-round btn-o btn-white"><span class="fa fa-facebook"></span></a> <a href="#" class="btn btn-sm btn-icon btn-round btn-o btn-white"><span class="fa fa-twitter"></span></a> <a href="#" class="btn btn-sm btn-icon btn-round btn-o btn-white"><span class="fa fa-google-plus"></span></a> <a href="#" class="btn btn-sm btn-icon btn-round btn-o btn-white"><span class="fa fa-linkedin"></span></a> </li>
                        </ul>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
                        <div class="osLight footer-header">Subscribe to Our Newsletter</div>
                        <form role="form">
                            <div class="form-group">
                                <input type="email" class="form-control" placeholder="Email Address">
                            </div>
                            <div class="form-group">
                                <a href="#" class="btn btn-green btn-block">Subscribe</a>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="copyright">Real estate web application<br> &copy; 2014</div>
            </div>
        </div>

        <script src="js/jquery-2.1.1.min.js"></script>
        <script src="js/jquery-ui.min.js"></script>
        <script src="js/jquery-ui-touch-punch.js"></script>
        <script src="js/jquery.placeholder.js"></script>
        <script src="js/bootstrap.js"></script>
        <script src="js/jquery.touchSwipe.min.js"></script>
        <script src="js/jquery.visible.js"></script>
        <script src="js/blog.js" type="text/javascript"></script>
    </body>
</html>